<%@ taglib uri="/struts-tags" prefix="s"%>
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>LA TIENDITA</title>

<%-- <script src="js/jquery-1.10.2.js"></script> --%>
<%-- <script src="js/jquery-1.10.2.min.js"></script> --%>
<%-- <script src="js/jquery-1.10.2.min.map"></script> --%>

<!-- jQuery library (served from Google) -->
<script src="js/jQuery.js"></script>

<script src="js/jq_ajax.js"></script>
<link href="css/style.css" rel="stylesheet" type="text/css">
<style type="text/css">
body {
	background-repeat: repeat;
	background-attachment: fixed;
}
</style>

</head>
<body>
	<div align="center" id="header">
		<h1>LA TIENDITA</h1>
	</div>

	<div id="contenido">

		<s:form theme="simple">

			<!-- Inicio de div formulario -->
			<div id="formulario">
				<div id="divCategoria">
					<s:label value="Categoria"></s:label>
					<s:select headerKey="-1" headerValue="--Seleccionar--"
						list="categoria" name="categoria" list="categoria"
						listKey="id_categoria" listValue="nombre_categoria"
						value="%{categoria.{id_categoria}}" />
				</div>
				<br />

				<div id="divProducto">
					<s:label value="Producto"></s:label>
					<select style="display: inline-block;" id="producto">
						<option>--Seleccionar--</option>
					</select>
				</div>
				<br>

				<div id="divCantidad">
					<s:label value="Precio"></s:label>
					<input disabled="disabled" type="text" id="precio" value="">
				</div>
			</div>
			<!-- Fin de Div  formulario -->
		</s:form>
	</div>

	<div id="footer"></div>

</body>
</html>

